// Damit jQuery und Protoype sich nicht verhaken
jQuery.noConflict();

// Wenn Seite bereit ist
jQuery(document).ready(function(){
    // Wenn auf ein Bild "hinzufügen" einer Übung geklickt wird
    jQuery(".productPriceWrapRight a img").click(function() {
        // Zerlege id der class des Bildes
        var productIDValSplitter 	= (this.id).split("_");
        // Setze die ID aus der Klasse als ID der Übung
        var productIDVal 		= productIDValSplitter[1];

        // Blende Ladegrafik ein
        jQuery("#notificationsLoader").html('<img src="pict/loader.gif">');

        // Führe Ajax aus ...
        jQuery.ajax({
            // Methode:
            type: "POST",
            // Seite:
            url: "basket.jsp",
            // ID der Übung und Aktion übergeben
            data: { exercise: productIDVal, action: "addToBasket"},
            // Ajax-Funktion festlegen
            success: function(theResponse) {
                // Gesamtdauer ausblenden
                jQuery("#totalduration").hide("slow",  function() {
                    jQuery(this).remove();
                });

                // Neue Übung einfügen und Ladegrafik wieder ausblenden
                if( jQuery("#productID_" + productIDVal).length > 0){
                        jQuery("#productID_" + productIDVal).animate({ opacity: 0 }, 500);
                        jQuery("#productID_" + productIDVal).before(theResponse).remove();
                        jQuery("#productID_" + productIDVal).animate({ opacity: 0 }, 500);
                        jQuery("#productID_" + productIDVal).animate({ opacity: 1 }, 500);
                        jQuery("#notificationsLoader").empty();
                } else {
                        jQuery("#basketItemsWrap li:last").before(theResponse);
                        jQuery("#basketItemsWrap li:last").hide();
                        jQuery("#basketItemsWrap li:last").show("slow");
                        jQuery("#basketItemsWrap li:last").show("slow");

                        jQuery("#notificationsLoader").empty();
                }
            }
        });
    });

    // Wenn auf ein "x" vor einer Übung zum entfernen aus der Liste geklickt wird ...
    jQuery("#basketItemsWrap li img").live("click", function(event) {
        // Zerlege id der class des Bildes
        var productIDValSplitter 	= (this.id).split("_");
        // Setze die ID aus der Klasse als ID der Übung
        var productIDVal 		= productIDValSplitter[1];

        // Blende Ladegfraik ein
        jQuery("#notificationsLoader").html('<img src="pict/loader.gif">');

        // Führe Ajax aus ...
        jQuery.ajax({
            // Methode:
            type: "POST",
            // Seite:
            url: "basket.jsp",
            // Übergib ÜbungsID und Aktion
            data: { exercise: productIDVal, action: "deleteFromBasket"},
            // Führe aus
            success: function(theResponse) {
                    // Blende Übung aus
                    jQuery("#productID_" + productIDVal).hide("slow",  function() {
                            jQuery(this).remove();
                    });
                    
                    // Blende alte Gesamtdauer aus
                    jQuery("#totalduration").hide("slow",  function() {
                            jQuery(this).remove();
                    });

                    jQuery("#basketItemsWrap li:last").before(theResponse);
                    jQuery("#basketItemsWrap li:last").hide();
                    jQuery("#basketItemsWrap li:last").show("slow");

                    // Blende Ladegrafik aus
                    jQuery("#notificationsLoader").empty();
            }
        });
    });
});
